@charset "utf-8";
/* CSS Document */
*{
  margin:0px;
  padding:0px;
  font-size: 12px;
  font-family:'microsoft yahei','宋体','tahoma',​'arial',​'simsun',​'sans-serif' ;
  color: #444444;
}
img{border: none;}
li{list-style: none;}
body{
  background: #F5F5F5;
  max-width:640px;
  margin:0 auto;
}
.cle{clear:both;}
a{ color: #333333;text-decoration: none; border: none;}
a:hover{color:#bb0000;cursor: pointer;}
/*content*/
.nav li:nth-of-type(3n+3)  a{
  border-right: none;
}
.nav p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.tit-box p{
	font-weight: 700;
  font-size: 1.3em;
}
.tit-box img {
	width: 100%;
	margin: .5em 0;
}
.box-list {
	margin: 10px 0;
}
.tit-down {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.tit-down a {
	float: left;
	display: block;
	height: 3em;
	line-height: 3em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 33.335%;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
.cle:after {
	content: "";
	display: block;
	clear: both;
}
.nav li img {
	width: 45px;
  height: 45px;
}
.confirm-order {
    margin-top: 10px;
}
.order-item {
  position: relative;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
}
.order-item .info {
  border-bottom: 1px dashed #ccc;
}
.order-item .ms-list {
  margin-right: 15px;
  line-height: 1.8em;
}
.order-item .ms-list span {
  float: left;
  color: #666;
}
.order-item .ms-list p {
  margin-left: 70px;
}
.confirm-order .price {
color: #b10;
text-align: right;
font-size: 2.5rem;
}
.w100 {
width: 100%;
}
.confirm-order {
margin-top: 10px;
}
.good-info .good-pic {
float: left;
overflow: hidden;
margin-right: 10px;
width: 50px;
height: 50px;
}

.my {
position: relative;
overflow: hidden;
border: 1px solid #eaeaea;
border-bottom: 0;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 .1em .05em rgba(0,0,0,.1);
}
.detail-item {
position: relative;
padding: 1.2em;
border-bottom: 1px solid #eaeaea;
}
.clearfix::before, .clearfix::after {
clear: both;
display: block;
height: 0;
content: "\200B";
}
.detail-item b {
color: #f60;
}
.my-order-detail .order-cancel-btn {
position: absolute;
top: 8px;
right: 8px;
width: 2.5em;
height: 2.5em;
background: url(../images/rubbish.png) 0 0 no-repeat;
background-size: 2.5em 5em;
}
.detail-item {
position: relative;
padding: 1.2em;
border-bottom: 1px solid #eaeaea;
}

.detail-item.content p {
line-height: 2em;
}
.fl {
float: left;
}
.detail-item.content .address-info {
margin-left: 70px;
display: block;
}
.my-order-detail .order-cancel-btn:active {
background-position: 0 -2.5em;
}
.order-detail-pay {
position: fixed;
bottom: 49px;
width: 100%;
height: 60px;
max-width: 640px;
border-top: 1px solid #eee;
background-color: #f9f9f9;
line-height: 60px;
}
.order-detail-pay .btn {
position: absolute;
top: 10px;
right: 10px;
}
.btn-orange {
background-color: #ff6f3d;
color: #fff;
}
.detail-item .order-good-list .good-image {
float: left;
overflow: hidden;
width: 50px;
height: 60px;
text-align: center;
line-height: 60px;
}
.detail-item .order-good-list .good-info {
margin-left: 60px;
}
  .bottom-copyright .pd5{
    font-size:1.2em;
    text-align: center;
    padding: 13px 0 5px 0;
    margin: 5px 10px;
    border-top: 2px solid #FF6600;
  }
.max-box{
  max-width:640px;
  margin:0 auto;
}
.activity{
  margin: 10px 20px 0 20px;
}
.activity span{
  display:block;
  font-size:1.6em;
  border-bottom:4px solid #FF6600;
  padding:0 0 5px 0;
  margin:0 0 5px 0;
  color:#F86A08;
  font-weight:bold;
}
.activity img{
  width:100%;
}
#ColumnDown{
  position:absolute;
  left:0;
  top:84px;
  width:100%;
  z-index:888;
  border-left:1px solid #ccc;
  display:none;
  box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#ColumnDown li{
    width:25%;
    height:30px;
    line-height:30px;
    background:#efefef;
    display:inline-block;
    text-align:center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-right: 1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.product-item{
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.product-detail header{
    display: -webkit-box;
    display: box;
    height: 40px;
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
    background-color: #e9e9e9;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    text-align: center;
    line-height: 40px;
}
.product-detail header a.current {
    background-color: #fff;
    border-top-color: #b10000;
    border-top-width: 2px;
}
.product-detail .wrap {
    overflow: hidden;
    border: 1px solid #ccc;
    border-top: 0;
    background-color: #fff;
    word-wrap: break-word;
}
#product-content p{
    margin:0 10px 5px 10px;
}
.product-detail .wrap {
    overflow: hidden;
    border: 1px solid #ccc;
    border-top: 0;
    background-color: #fff;
    word-wrap: break-word;
}
.product-detail header a {
    display: block;
    border-top: 1px solid #ccc;
    -webkit-box-flex: 1;
}
.tit-box,.nav{
    margin: 0 10px;
}
.nav li{
     width:33.333%;
     display:block;
     height:84px;
     text-align:center;
     float:left;
     box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.nav li a{
      margin: 20px 0px;
      display:block;
	    border-right: 1px solid #ccc; 
}
.nav li a .next{
      font-size:1.2em;
}

.nav li.current .icon{
      background:url(../images/ricobg.png);
}
.nav-box{
      width:100%;
      position:relative;
      background:#efefef;
      z-index:11;
}

.cost-p u{
     color:#999;
}
#nav-down{
     width:100%;
     position:relative;
}
.input-size{
       margin:0 10px 10px 10px;
       height:30px;
       margin-top: 5px;
       position:relative;
}
.input-size input{
      width:100%;
      height:30px;
	    line-height: 30px;
      border:none;
      background: #fff;
      box-shadow:none;
      text-indent:10px;
}

.lm-box{
      margin:8px 10px 0 10px;
}
.nav-down-input .search-box:after{
   border-left: 1px solid green;
}
.nav-down-input .search-box:before{
   border-left: 1px solid green;
}
.nav-down-input .input-size:after{
      border-left: 1px solid green;
}
.nav-down-input .input-size:before{
      border-left: 1px solid green;
}

.product-tip{
  margin:0 10px;
}
.CateTit{
  margin-top:10px;
  text-indent:5px;
}
.lm{
  position: relative;
  margin-bottom: 10px;
  padding: 0 10px;
  height: 40px;
  border-left: #07c solid 5px;
  background-color: #fff;
  line-height: 40px;
}
section.product-block{
  margin-bottom:10px;
}
.sclm{
  margin:0 10px;
  padding:5px 0;
}
.pd8{
  padding:5px 0;
  text-align:center;
}
.pd8 a{
  display:block;
  width:100%;
}
.sclm li{
  text-indent:5px;
}

.input-size input.submit-t {
			position: absolute;
			right: 0;
			bottom: -2px;
			width: 60px;
			height: 32px;
			line-height: 21px;
			border: 1px solid #ccc;
			border-left: none;
	    border-radius: 0 6px 6px 0;
    	padding: 0;
}
.search-box{
      margin:0 5em 0 0;
      position:relative;
	    border: 1px solid #ccc;
	    border-radius: 6px 0 0 6px;
	    overflow: hidden;
}
.submit-t {
      display: block;
	    text-align: center;
      width: 3em;
      height: 2em;
	    line-height: 2em;
}
.icon{
      display:block;
      width: 48px;
      height: 30px;
      display: block;
      margin: 0 auto;
      background:url(../images/ibg.png);
      background-repeat:no-repeat;
}
.fenlei{
     background-position: 7px -8px;
}
.cuxiao{
     background-position: -114px -8px;
}
.youpin{
     background-position: -240px -7px; 
}
.pro{
     background-position: -362px -8px; 
}
.content li{
      position:relative;
}
.content ul{
      width:100%;
}
.content ul li {
      width:50%;
      display:inline-block;      
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-left:1px solid #ccc;
      margin-bottom:10px;
      overflow:hidden;
}
.content ul li  a{
	    display: block;
	    background:#fff;
	    border-bottom: 1px solid #ccc;    
      border-right: 1px solid #c1c4cd;
}
.content ul li:nth-of-type(odd) a{
      margin-right: 10px;
}

.sclm li:nth-of-type(odd){
      margin-right:2%;
      border:none;
}
.content-n{
      margin:0 10px 5px 10px;
}
.content ul li span{
      color:#444;     
      font-size:1.6em;
}
.content ul li .cost-p span{
      color:#DC5528; 
      font-size:1.2em;
}

.content ul li img{
      width:100%;
      height:150px;
}
.content{
      margin:0 10px;
      max-width:640px;
}

.lilanmu .icon,.liyoupin .icon,.liSale .icon,.lituijian .icon{
      background-image: url(../images/ricobg.png);
      background-repeat: no-repeat;
}
.mb8{
  display:inline-block;
  width: 48%;
  border: 1px solid #eaeaea;
  background-color: #fff;
}
.sclmli{
  text-align:center;
}
.preview img{
  width:100%;
}
.product-block .title {
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-block .price {
    padding: 0 10px;
    color: #f00;
}
.product-block .price del {
    color: #999;
}
.product-block .price {
    padding: 0 10px;
    color: #f00;
}
.product-block .title {
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.btn-orange {
    background-color: #ff6f3d;
    color: #fff;
}
.w100 {
    width: 100%;
}
.btn {
    display: inline-block;
    padding: .5em 1em;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    box-shadow: none;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: 10px 0;
}
.p20{
  padding:0 10px;
}
.price-qian{
  color:red;
}
.btn.disabled, .btn[disabled] {
    box-shadow: none;
    opacity: .65;
    cursor: default;
    pointer-events: none;
}
.mar10 {
	margin:0 10px;
}
/*contentEnd*/
/*footer*/
.header{
	position:relative;
	overflow:hidden;
	max-height: 300px;
}
.content-n s{
  margin-left:5px;
}
.addWrap{ 
	position:relative; 
	width:100%;background:#fff;
	margin:0; 
	padding:0;
	}
.addWrap .swipe{
	overflow: hidden;
	visibility: hidden;
	position:relative;
	}
.addWrap .swipe-wrap{
	overflow:hidden;
	position:relative;
	}
.addWrap .swipe-wrap > div {
	float: left;width: 100%;
	position:relative;
	}
#position{ 
	position:absolute;
	bottom:0;
  right:0; 
  margin:0;
	width:100%;
 }
#position li{
  height:5px;
	display:inline-block;
	background-color:#000;
	}
#position li.cur{background-color:#ff0000;}
.img-responsive { 
	display: block;
	max-width: 100%;
	width:100%;
}

.swipe-wrap div p{
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	z-index:33;
	background:#000;
	width:100%;
	opacity:.4;
	height:20px;
}
.footer { position: fixed; z-index: 10; bottom: 0; left: 0; right: 0; }
.footer ul { width: 100%; height: 48px; display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: horizontal; background-color: #262626;}
.footer ul li:first-child { background:none; }
.footer ul li {
  position: relative; 
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.15)));
  -webkit-background-size: 1px 100%, 1px 100%;
  background-size: 1px 100%, 1px 100%;
  background-position: 1px center, 2px center;
  background-repeat: no-repeat;
  text-align: center;
  box-sizing:border-box;
  width:25%;
}
.footer li a { display: block; height: 48px; text-align: center; color: #ffffff; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex: 1;}
.footer li a:active { background-color: #333333; }
.footer li a img { width: 24px; line-height: 48px;  padding: 3px 0 0 0; }
.footer li a label { overflow: hidden; font-size: 12px; display: block; line-height: 18px; text-align: center; }
h3.mt10{font-size: 2em;text-align: center;border-bottom:1px solid #ccc;}
div.pt10 {font-size:1.4em;margin:10px;}
div.pt10 p{font-size:1em;}

.product-box{
  max-width:640px;
  margin:10px auto;
}
.product-item{
  margin:10px 10px;
}

.tc{
  text-align:center;
}

.mb5 {
  margin-bottom: 5px;
}
.mt5 {
  margin-top: 5px;
  font-size:1.8em;
}
.product-summary .summary-item {
  padding: 2px 0;
}
.value{font-size:1.2em;}
.product-item .key{
  float: left;
  color: #999;
  font-size: 1.2em;
}
#product-content p img{
  width:100%;
}
.product-buy-check .key {
  height: 36px;
  line-height: 36px;
}
.value del{
  font-size:1.2em;
}
.product-summary .p-price .value {
  color: #b10000;
  font-weight: bold;
  font-size: 1.4em;
}
.cart {
  background-color: #da8430;
  color: #fff;
}
.buy{
  background-color: #e01b1b;
  color: #fff;
}
.buy-btn {
  display: inline-block;
  width: 45%;
  height: 40px;
  border: 0;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.value-k  .value input{
    float:left;
    margin: 5px 2px 0 2px;
}
.value-k  .value label{
    float:left;
    margin: 3px 2px 0 2px;
}
.product-item {
  border-bottom: 1px solid #ccc;
}

.buy-num-minus, .buy-num-plus, .buy-num {
    float: left;
    float: left;
    display: inline-block;
    width: 30px;
    height: 100%;
    text-align: center;
    font-weight: bold;
}
.product-number{
  display: inline-block;
  overflow: hidden;
  height: 34px;
  border: 1px solid #ccc;
  background-color: #fff;
  line-height: 34px;
}

.product-menu a em {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../images/menu-icon.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.product-menu a:nth-child(2) em {
  background-position: -24px 0;
}
.product-menu a:nth-child(3) em {
  background-position: -48px 0;
}
.product-menu a:nth-child(4) em {
  background-position: -72px 0;
}
.product-menu a:nth-child(5) em {
  background-position: -96px 0;
}
div.show-box{
    margin:0 auto;
  
}
.value-k {
    padding: 0px 0 15px 0;
    
}

.product-menu a{
  display:block;
  width:20%;
  float:left;
  padding:10px 0;
  text-align: center;
}
.product-menu{
  height:48px;
  position:fixed;
  z-index:22;
  width:100%;
  left:0;
  bottom:0;
  background:#3D5052;
}
.slide-img-one li{
  margin:0 10px;
}
.slide-img-one li img{
  width:100%;
}
.buy-num{
  width: 50px;
  border: 0;
  box-shadow: none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; 
}
#cartCount {
  position: absolute;
  top: 3px;
  left: 75%;
  z-index: 9;
  padding: 2px 4px;
  height: 16px;
  min-width: 16px;
  border-radius: 50%;
  background-color: #eb3634;
  box-shadow: 0 0 0 2px #fff;
  color: #fff;
  font-size: 1rem;
  line-height: 13px;
}
.my {
  position: relative;
  overflow: hidden;
  border: 1px solid #eaeaea;
  border-bottom: none;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0.1em 0.05em rgba(0,0,0,.1);
  margin:10px auto;
}
.my-item {
  border-bottom: 1px solid #e5e5e5;
}
.my-item a.link {
  position: relative;
  display: block;
  padding: 1.2em;
}
.my-item a.link::after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 10px;
  border: 1px solid #ccc;
  content: "";
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  border-top-color: transparent;
  border-left-color: transparent;
  -ms-transform: rotate(-45deg) translateY(-50%);
}
.lists {
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: .5em;
  background-color: #fff;
}
.lists-item {
  position: relative;
  display: block;
  padding: 1em;
  border-bottom:0;
}
.lists-item::after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    border: 1px solid #ddd;
    content: "";
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    border-top-color: transparent;
    border-left-color: transparent;
}
.empty .message {
margin-bottom: 30px;
text-align: center;
}
.order-logo {
  margin: 20px auto 10px;
  width: 50px;
  height: 56px;
  background:url(../images/order.png) no-repeat center;
  background-size: 100%;
}
.bottom-nav {
  padding: 10px;
  background-color: #0099cc;
  color: #fff;
}
.footer-tip{
   padding:5px 0;
}
.footer-k a{
   color:white;
}
.lm-p-l p{
  margin:0 10px;  
}
.form .form-item {
  margin: 0 10px 10px 10px;
}
.clearfix::before, .clearfix::after {
  clear: both;
  display: block;
  height: 0;
  content: "\200B";
}
.form form label {
  float: left;
  padding-top: 7px;
  padding-right: 8px;
  width: 30%;
  text-align: right;
}
.form .form-item div {
  float: left;
  width: 60%;
}
.form .form-item input, .form .form-item select, .form .form-item textarea {
  width: 100%;
}
.form form label {
  float: left;
  padding-top: 7px;
  padding-right: 8px;
  width: 30%;
  text-align: right;
}
input, select, textarea {
  padding: 6px 12px;
  height: 34px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}
.btn-blue {
  background-color: #42a3f4;
  color: #fff;
}
.max-box .mg10 .pd10 div.submit {
  position: static;
}
button, input, select, textarea {
  outline: 0;
  font-size: 100%;
  line-height: 150%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
